<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>排行</title>

    <link rel="stylesheet" href="../css/paihang.css">

</head>
<body>
    <div class="box">
        <div class="top">
        <div class="user">
            <div class="login">
                <a class="user_a" href="login.html" target="_blank">登录</a>
                <span>|</span>
                <a class="user_a" href="sign.html" target="_blank">注册</a>
            </div>
            <div class="mess">
                <ul>
                    <li><a class="user_a" href="" target="_blank">购物车</a></li>
                    <li><a class="user_a" href="" target="_blank">我的订单</a></li>
                    <li><a class="user_a" href="" target="_blank">我的账户</a></li>
                    <li><a class="user_a" href="" target="_blank">帮助中心</a></li>
                </ul>
            </div>
        </div>
        <div class="title">
            <div class="logo"></div>
            <div class="search">
                <div class="search_bar">
                    <input class="search_input" placeholder="   及时雨会神行太保 黑旋风战浪里白条" type="text" >
                    <select class="search_type" >
                        <option value="all" >全部</option>
                        <option value="book_name">书名</option>
                        <option value="zuozhe">作者</option>
                        <option value="chuban">出版社</option>
                    </select>
                </div>
                <div class="search_btn" onclick="func()" >搜索</div>
            </div>
        </div>
        <div class="bar">
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="jingxuan.html" target="_blank">精选</a></li>
                <li><a href="xinshu.html" target="_blank">新书</a></li>
                <li><a href="reping.html" target="_blank">热评</a></li>
                <li><a href="#" target="_blank">排行榜</a></li>
            </ul>
        </div>
    </div>
        <!--用图片分隔，好看-->
        <div style="width: 1200px;height:60px;background-image: url('../image/bar.png');background-size: cover"></div>
        <div class="bottom">
            <div class="left">
                <div class="ltitle">小崔TOP榜</div>
                <div class="items">
                    <div class="item">
                            <div class="image" style="background-image:url('../image/红楼梦.jpg');"></div>
                            <div class="info">
                                <div class="name">红楼梦</div>
                                <div class="text">
                                    <span>[清] 曹雪芹 著 / 人民文学出版社 / 1996-12 / 59.70元</span><br><br>
                                    <span>小崔综合评分：9.6分</span><br><br>
                                    <span><b>“</b>都云作者痴，谁解其中味？<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/活着.jpg');"></div>
                            <div class="info">
                                <div class="name">活着</div>
                                <div class="text">
                                    <span>余华 / 作家出版社 / 2012-8-1 / 20.00元</span><br><br>
                                    <span>小崔综合评分：9.4分</span><br><br>
                                    <span><b>“</b>生的苦难与伟大<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/百年孤独.jpg');"></div>
                            <div class="info">
                                <div class="name">百年孤独</div>
                                <div class="text">
                                    <span>[哥伦比亚] 加西亚·马尔克斯 / 范晔 / 南海出版公司 / 2011-6 / 39.50元</span><br><br>
                                    <span>小崔综合评分：9.3分</span><br><br>
                                    <span><b>“</b>魔幻现实主义文学代表作<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/红楼梦.jpg');"></div>
                            <div class="info">
                                <div class="name">红楼梦</div>
                                <div class="text">
                                    <span>[清] 曹雪芹 著 / 人民文学出版社 / 1996-12 / 59.70元</span><br><br>
                                    <span>小崔综合评分：9.6分</span><br><br>
                                    <span><b>“</b>都云作者痴，谁解其中味？<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/活着.jpg');"></div>
                            <div class="info">
                                <div class="name">活着</div>
                                <div class="text">
                                    <span>余华 / 作家出版社 / 2012-8-1 / 20.00元</span><br><br>
                                    <span>小崔综合评分：9.4分</span><br><br>
                                    <span><b>“</b>生的苦难与伟大<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/百年孤独.jpg');"></div>
                            <div class="info">
                                <div class="name">百年孤独</div>
                                <div class="text">
                                    <span>[哥伦比亚] 加西亚·马尔克斯 / 范晔 / 南海出版公司 / 2011-6 / 39.50元</span><br><br>
                                    <span>小崔综合评分：9.3分</span><br><br>
                                    <span><b>“</b>魔幻现实主义文学代表作<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/红楼梦.jpg');"></div>
                            <div class="info">
                                <div class="name">红楼梦</div>
                                <div class="text">
                                    <span>[清] 曹雪芹 著 / 人民文学出版社 / 1996-12 / 59.70元</span><br><br>
                                    <span>小崔综合评分：9.6分</span><br><br>
                                    <span><b>“</b>都云作者痴，谁解其中味？<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/活着.jpg');"></div>
                            <div class="info">
                                <div class="name">活着</div>
                                <div class="text">
                                    <span>余华 / 作家出版社 / 2012-8-1 / 20.00元</span><br><br>
                                    <span>小崔综合评分：9.4分</span><br><br>
                                    <span><b>“</b>生的苦难与伟大<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/百年孤独.jpg');"></div>
                            <div class="info">
                                <div class="name">百年孤独</div>
                                <div class="text">
                                    <span>[哥伦比亚] 加西亚·马尔克斯 / 范晔 / 南海出版公司 / 2011-6 / 39.50元</span><br><br>
                                    <span>小崔综合评分：9.3分</span><br><br>
                                    <span><b>“</b>魔幻现实主义文学代表作<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/红楼梦.jpg');"></div>
                            <div class="info">
                                <div class="name">红楼梦</div>
                                <div class="text">
                                    <span>[清] 曹雪芹 著 / 人民文学出版社 / 1996-12 / 59.70元</span><br><br>
                                    <span>小崔综合评分：9.6分</span><br><br>
                                    <span><b>“</b>都云作者痴，谁解其中味？<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                            <div class="image" style="background-image:url('../image/活着.jpg');"></div>
                            <div class="info">
                                <div class="name">活着</div>
                                <div class="text">
                                    <span>余华 / 作家出版社 / 2012-8-1 / 20.00元</span><br><br>
                                    <span>小崔综合评分：9.4分</span><br><br>
                                    <span><b>“</b>生的苦难与伟大<b>"</b></span>
                                </div>
                            </div>
                        </div>
                    <div class="item">
                        <div class="image" style="background-image:url('../image/百年孤独.jpg');"></div>
                            <div class="info">
                                <div class="name">百年孤独</div>
                                <div class="text">
                                    <span>[哥伦比亚] 加西亚·马尔克斯 / 范晔 / 南海出版公司 / 2011-6 / 39.50元</span><br><br>
                                    <span>小崔综合评分：9.3分</span><br><br>
                                    <span><b>“</b>魔幻现实主义文学代表作<b>"</b></span>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
            <div class="right">
                <div class="txt">
                    <span>小崔每天都在对“读过”的书进行“很差”到“力荐”的评价，</span>
                    <span>最终的到小崔评分</span>
                    <span>及时对数据进行统计与整理。</span>
                    <span>评分仅仅是个人观点，不具有大众评判力。</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>